.page-container {
  display: flex;
  flex-direction: column; // 弹性容器由上至下堆叠
  height: 100%;
  overflow: hidden; // 超出该容器的部分隐藏
  // 头导航栏样式
  > header {
    height: 110px;
    background-color: #000;
    border-bottom: 1px solid var(--el-border-color-light);
    color: rgba(255, 180, 51, 0.93);
  }
  // 主体样式
  > main {
    display: flex;
    flex: 1;
    overflow: auto;
    // 左侧边导航栏样式
    > .left {
      height: 100%;
      width: 15%;
      background-color: rgba(255, 180, 51, 0.41);
      color: #fff;
    }
    // 右侧展示板块样式
    > .right {
      flex: 1;
      overflow: hidden;
      background-color: #e1e1e1;
      > .main-body {
        // 背景与margin，padding设置
        background-color: white;
        margin: 16px 16px 30px;
        padding: 16px 16px 30px;
        box-shadow: var(--el-box-shadow-dark);
        overflow: auto;
        height: 100%;
        box-sizing: border-box;
      }
    }
  }
  // 页脚样式
  > footer {
    margin: 8px 5px 8px 5px;
    text-align: center;
  }
}